<template>
    <div class="main-footer f-c-c">
        <div class="wrap">
            <div class="f-c-c" id="a-box">
                <router-link to="/">购物指南</router-link>
                <router-link to="/">账户管理</router-link>
                <router-link to="/">订单操作</router-link>
                <router-link to="/">自助服务</router-link>
                <router-link to="/">售后政策</router-link>
                <router-link to="/">了解HXOV</router-link>
                <router-link to="/">留言反馈</router-link>
            </div>
            <div id="info">
                <p>© mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2020]0276-042号</p>
                <p>（京）网械平台备字（2018）第00005号 互联网药品信息服务资格证 (京)-非经营性-2014-0090 营业执照 医疗器械质量公告</p>
            </div>
        </div>
    </div>
</template>
<script>
export default {
    name: "mainFooter",
    data(){
        return{

        }
    }
}
</script>
<style lang="scss" scoped>
.main-footer{
    height: 100px;
    background: #ddd;
}
#a-box{
    margin-bottom: 10px;
    a{
        color: $color-text-secondary;
        padding: 0 20px;
        line-height: 1em;
        &:hover{
            color: $theme-color;
            text-decoration: underline;
        }
    }
    a:not(:last-child){
        border-right: 1px solid $border-color-base;
    }
}
#info{
    text-align: center;
    p{
        color: $color-text-secondary;
        font-size: 14px;
        margin: 0;
        line-height: 1.5;
    }
}
</style>